import React from 'react';
import { DatePicker, Space } from 'antd';
const { RangePicker } = DatePicker;
const onChange = (value, dateString) => {
  console.log('Selected Time: ', value);
  console.log('Formatted Selected Time: ', dateString);
};
const onOk = (value) => {
  console.log('onOk: ', value);
};
const Range = () => (
  <>
    {/* <div>
    <RangePicker
      dateRender={(current) => {
        const style = {};
        if (current.date() === 1) {
          style.border = '1px solid #1890ff';
          style.borderRadius = '50%';
          style.color = 'red'
          
        }
        return (
          <div className="ant-picker-cell-inner" style={style}>
            {current.date()}
          </div>
        );
      }}
      format="YYYY/MM/DD"
    />
  </div> */}
       {/* <div style={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
            <Link to="addnotice">   <Button key="button" icon={<PlusOutlined />} type="primary">
          新建
        </Button></Link>

          </div> */}
           <Space direction="vertical" size={12}>
    <DatePicker showTime onChange={onChange} onOk={onOk} />
  </Space>
  </>

);
export default Range;